@import './../../lib/reset.scss';

.banner{
    margin-bottom: 0.15rem;
    // height: 1rem;
    // touch-action: none;
  }
  .jingjie {
      width: 100%;
      height: 1.8rem;
      background-color: rgb(205, 122, 50);
      padding: 0 0.17rem;
      box-sizing: border-box;

      .lvtitle {
          width: 100%;
          height: 0.155rem;
          background: url('/images/detail/juxing@2x.png') no-repeat left center;
          padding-left: 0.1rem;
      }
      .zi {
          padding-top: 0.1rem;
          box-sizing: border-box;
            font-size:0.11rem;
            color:rgba(51,51,51,1);
      }
  }
  
  .city {
      width: 100%;
    //   height: 1.65rem;
      background-color: pink;
      padding: 0 0.15rem;
      box-sizing: border-box;
      
      .meishi {
          width: 100%;
          height: 0.155rem;
          background-color: rgb(190, 96, 244);
          display: flex;
          justify-content: space-between;
          .no1,.no2 {
              display: flex;
              align-items: center;
          }

          .no1 {
            height: 0.155rem;
            background: url('/images/detail/juxing@2x.png') no-repeat left center;
            padding-left: 0.1rem;
            box-sizing: border-box;
          }

          .no2 {
            height: 0.155rem;
            background: url('/images/detail/chakangenduo@2x.png') no-repeat right center;
            padding-right: 0.1rem;
            box-sizing: border-box;
          }
      }

      ul {

        li {
            margin-top: 0.2rem;
            width: 100%;
            height: 0.8rem;
            background-color: skyblue;
            display: flex;
            justify-content: space-between;

            img {
                width: 0.7rem;
                height: 100%;
            }

            .right {
                width: 2.6rem;
                height: 100%;
                background-color: tomato;
                display: flex;
                flex-direction:column;
                justify-content: space-evenly;

                p:nth-child(2){
                    -webkit-line-clamp:2;
                    -webkit-box-orient:vertical;
                    overflow:hidden; 
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    height: auto;
                }
            }
        }
      }
  }

  .ce {
      width: 100%;
      padding: 0 0.15rem;
      background-color: yellow;

      .meishi {
        width: 100%;
        height: 0.155rem;
        background-color: rgb(190, 96, 244);
        display: flex;
        justify-content: space-between;
        .no1,.no2 {
            display: flex;
            align-items: center;
        }

        .no1 {
          height: 0.155rem;
          background: url('/images/detail/juxing@2x.png') no-repeat left center;
          padding-left: 0.1rem;
          box-sizing: border-box;
        }

        .no2 {
          height: 0.155rem;
          background: url('/images/detail/chakangenduo@2x.png') no-repeat right center;
          padding-right: 0.1rem;
          box-sizing: border-box;
        }
    }

    .xia {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        img {
            width: 1.1rem;
            height: 1.1rem;
        }
    }
  }